<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/public/head.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



	<title>管理</title>

	<script type="text/javascript">
        //datagrid列定义
        var columns_v = [ [ {
            field : 'name',//对应json中的key
            title : '名字',
            width : 120
        }, {
            field : 'createtime',//对应json中的key
            title : '创建时间',
            width : 120,
            formatter: function(value,row,index){
                return new Date(value).format("yyyy-MM-dd hh:mm:ss");
            }
        },{
            field : 'opt',//对应json中的key
            title : '滚轮内容查看',
            width : 120,
            formatter : function(value, row, index) {
                return "<a href=javascript:findConext('"+row.id+"')>查看</a>";
            }
        }, {
            field : 'opt1',
            title : '修改',
            width : 120,
            formatter : function(value, row, index) {
                return "<a href=javascript:edituser('"+row.id+"')>修改</a>";
            }
        },{
            field : 'opt2',
            title : '删除',
            width : 120,
            formatter : function(value, row, index) {
                return "<a href=javascript:deleteuser('"+row.id+"')>删除</a>";
            }
        }] ];

        //定义 datagird工具
        var toolbar_v = [
            {//工具栏
                id : 'btnadd',
                text : '添加',
                iconCls : 'icon-add',
                handler : function() {
                    //打开一个窗口，用户添加页面
                    //参数：窗口的title、宽、高、url地址
                    parent.createmodalwindow("添加信息", 800, 700, '${system}/video/toaddvideo');
                }
            }];

        //加载datagrid

        $(function() {
            $('#list').datagrid({
                title : '视频资源查询',//数据列表标题
                nowrap : true,//单元格中的数据不换行，如果为true表示不换行，不换行情况下数据加载性能高，如果为false就是换行，换行数据加载性能不高
                striped : true,//条纹显示效果
                url : '${system}/video/queryvideo_result',//加载数据的连接，引连接请求过来是json数据
                idField : 'id',//此字段很重要，数据结果集的唯一约束(重要)，如果写错影响 获取当前选中行的方法执行
                loadMsg : '',
                columns : columns_v,
                pagination : true,//是否显示分页
                rownumbers : true,//是否显示行号
                pageList:[15,30,50],
                pageSize: 10,
                toolbar : toolbar_v,
                onLoadSuccess:function(data){//数据加载成功

             }
            });




        });


        //删除方法
        function deleteuser(id){
            _confirm('您确认删除吗？',null,function (){
                $("#delete_id").val(id);
                jquerySubByFId('deleteform',_callback,null,"json");
            });
        }


        //修改
        function edituser(id){

            //打开修改窗口
            parent.createmodalwindow("修改信息", 800, 700, '${system}/video/toupdate?id='+id);
        }

        function _callback(data){
            message_alert(data);
            $('#list').datagrid('load');
        }

  function findConext(id){
      parent.createmodalwindow("查看信息", 800, 700, '${system}/text.html?'+id);
  }


	</script>

</head>
<body>




<!-- 查询列表 -->
<TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=center>
	<TBODY>
	<TR>
		<TD>
			<table id="list"></table>
		</TD>
	</TR>
	</TBODY>
</TABLE>
<form id="deleteform" action="${system}/video/delete" method="post">
    <input type="hidden" id="delete_id" name="id" />
</form>
</body>
</html>